.wrap{
	width: 100%;
	margin: 0 auto;	
	height: 28.4rem;
	background-color:#FEFEFE ;
}
header{
	height: 2.875rem;
}
.left{
	height: 1.7rem;
	width: 28%;
	background-color: #39B370;
	float: left;
	margin-top: 0.5rem;
	border-radius: 0 0.5rem 0.5rem 0;
	font-size: .75rem;
	line-height: 1.7rem;
	text-align: center;
	color: white;
}
.right{
	margin-top: 0.5rem;
	width: 50%;
	float: right;
}
.right i{
	display: inline-block;
	background: url(../images/pupil/num.png) no-repeat;
	background-size:100% ;
	background-position: center;
	width: 1.6rem;
	height: 2.0rem;
	float: right;
}
.right span{
	margin-left: 0.5rem;
	font-size: .75rem;
	display: inline-block;
	width: 2.8rem;
	height: 1.7rem;
	background-color: #39B370;
	float: right;	
	border-radius: 0.5rem 0 0 0.5rem;
	line-height: 1.7rem;
	text-align: center;
	color: white;
	
}
.con .nav{
	margin: 0 auto;
}
.nav span:nth-child(1){
	width: 20%;
}
.nav span:nth-child(2){
	width: 20%;
}
.nav span:nth-child(3){
	width: 30%;
}
.nav span:nth-child(4){
	width: 30%;
}
.list li span:nth-child(1){
	width: 19%;
}
.list li span:nth-child(2){
	width: 20%;
}
.list li span:nth-child(3){
	width: 30%;
}
.list li span:nth-child(4){
	width: 30%;
}
.con .nav span{
	display: inline-block;
	height: 1.7rem;
	text-align: center;
	line-height: 1.7rem;
	font-size: .75rem;
	background-color:#39B370;
	color: white;
}
.list{
	height: 20.0rem;
	overflow-y: scroll;
}
.list li{
	width: 100%;
	height: 2.0rem;
	border-bottom:1px solid #DBDBDB ;
}
.list li span{
	float: left;
	display: inline-block;
	width: 24.2%;
	line-height: 2.0rem;
	text-align: center;
	font-size: 0.7rem;
	color: #6C6C6C;
}
.list li span:nth-child(2){
	height: 2.0rem;
	background-size:1.5rem 1.5rem ;
	background-position:center;
	background-repeat:no-repeat ;
}
